@import 'module/header.scss';
@import 'module/footer.scss';
$red:#fc002d;
.list{
    width: 100%;
    .content{
        width: 1200px;
        height: 38px;
        line-height: 38px;
        margin: 0 auto;
        p{
            font-size: 12px;
        }
    }
}
.detail{
    width: 100%;
    background-color: white;
    .content{
        width: 1200px;
        height: 530px;
        margin: 0 auto;
        .left{
            float: left;
            margin-bottom: 10px;
            position: relative;
            .csmallbox{
                width: 450px;
                height: 450px;
                span{
                    width: 224px;
                    height: 224px;
                    background-color: yellowgreen;
                    position: absolute;
                    opacity: .5;
                    display: none;
                }
                img{
                    display: block;
                    width: 450px;
                    height: 450px;
                    margin: 0 auto; 

                }
            }
            .cbigbox{
                width: 450px;
                height: 450px;
                position: absolute;
                display: none; 
                top:0;
                left: 455px;
                overflow: hidden;
                img{
                    width: 900px;
                    height: 900px;   
                    position: absolute;   
                }
            }
           
            .small{
                display: flex;
                button{
                    border: 1px solid #ccc;
                    outline: none;
                    background-color: white;
                    
                }
                ul{
                    width: 371px;
                    height: 73px;
                    overflow: hidden;
                    img{
                        width: 60px;
                        height: 60px;
                        float: left;
                        margin: 5px;
                        border: 2px solid white;
                    }
                    img.ac{
                        border: 2px solid $red;
                    }
                }
            }
        }
        .right{
            float: left;
            margin-left: 40px;
            .name{
                height: 26px;
                margin: 20px 0;
            }
            .price{
                width: 700px;
                height: 80px;
                line-height: 80px;
                background-color: #f4f4f4;
                font-size: 12px;
                letter-spacing: 15px;
                span{
                    font-size: 30px;
                    color: $red;
                    font-weight: 800;
                    letter-spacing: normal;
                   
                }
                span.ac{
                    border: 2px solid $red;
                }
            }
            .color{
                font-size: 12px;
                margin-top: 30px;
            
                span{
                    border: 1px solid #999;
                    margin: 0 5px;
                    padding:8px;
                }
                span.ac{
                    border: 1px solid $red;
                }
            }
            .type{
                margin-top: 30px;
                font-size: 12px;
               
                span{
                    border: 1px solid  #999;
                    padding:5px;
                    margin: 5px;
                }
                span.ac{
                    border: 1px solid $red;
                }
            }
            .num{
                margin-top: 30px;
                font-size: 12px;
                letter-spacing: 15px;
                span{
                    border: 1px solid  #999;
                    padding: 10px 3px 10px 17px;
                    margin: 0 8px;

                }
                button{
                    background-color: white;
                    border:  1px solid  #999;
                    padding: 10px;
                    outline: none;
                }
            }
            .button{
                background-color: $red;
                border: none;
                width: 150px;
                height: 44px;
                color: white;
                font-size: 18px;
                margin-top: 30px;
                margin-left: 50px;
                outline: none;
            }
        }
    }
}
.ishop{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    top: 300px;
    img{
        width: 50px;
        height: 50px;
    }
    span{
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        background-color: $red;
        right: 8px;
        top: 5ppx;
        color:white;
        font-size: 12px;
    }
}